
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>在平安</title>
<meta name="description" content="中国平安" />
<meta name="keywords" content="中国平安" />
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/public.css">
<script src="js/zepto.min.js" type="text/javascript"></script>
<script src="js/zepto-touch.js" type="text/javascript"></script>
<script src="js/login.js" type="text/javascript"></script>
<script src="js/public.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="js/index.js">
<link rel="stylesheet" type="text/css" href="js/user_otpyz.js">
<link rel="stylesheet" type="text/css" href="js/user-yz.js">
<link rel="stylesheet" type="text/css" href="js/yjfk.js">
<link rel="stylesheet" type="text/css" href="js/common/dateScroll.js">
<link rel="stylesheet" type="text/css" href="js/common/doT.js">
<link rel="stylesheet" type="text/css" href="js/common/validate.js">
<link rel="stylesheet" type="text/css" href="js/kpi/kpi-todo.js">
<link rel="stylesheet" type="text/css" href="js/kpi/kpi-toScore.js">
<link rel="stylesheet" type="text/css" href="js/myfund/fund-reg.js">
<link rel="stylesheet" type="text/css" href="js/myfund/mszq.js">
<link rel="stylesheet" type="text/css" href="js/myreport/viewMyReport.js">
<link rel="stylesheet" type="text/css" href="js/myreport/wdydbg-chakan.js">
<link rel="stylesheet" type="text/css" href="js/mysalary/mysalary.js">
<link rel="stylesheet" type="text/css" href="js/mysalary/mysalarydetail.js">
<link rel="stylesheet" type="text/css" href="js/mywork/apply-leave.js">
<link rel="stylesheet" type="text/css" href="js/mywork/qjdwork.js">
<link rel="stylesheet" type="text/css" href="js/mywork/qjwork.js">
<link rel="stylesheet" type="text/css" href="js/mywork/ycwork.js">
<link rel="stylesheet" type="text/css" href="js/underlingReport/xslb-chakan1.js">
<link rel="stylesheet" type="text/css" href="js/underlingReport/xslb-chakan2.js">
<link rel="stylesheet" type="text/css" href="js/underlingReport/xslb-pingfen.js">
<link rel="stylesheet" type="text/css" href="js/underlingReport/xslb-pingfen2.js">
<link rel="stylesheet" type="text/css" href="js/underlingReport/xslbwork.js">
<link rel="stylesheet" type="text/css" href="js/yzx/yzx.js">
<link rel="stylesheet" type="text/html" href="/mobile/underlingReport/xslb-chakan.html">
<link rel="stylesheet" type="text/html" href="/mobile/underlingReport/xslb-chakan2.html">
<link rel="stylesheet" type="text/html" href="/mobile/underlingReport/xslb-pingfen.html">
<link rel="stylesheet" type="text/html" href="/mobile/underlingReport/xslb-pingfen2.html">
<link rel="stylesheet" type="text/html" href="/mobile/underlingReport/xslb.html">

<link rel="stylesheet" type="text/html" href="/mobile/yzx/yzx.html">

<link rel="stylesheet" type="text/html" href="/mobile/sz.html">
<link rel="stylesheet" type="text/html" href="/mobile/user_otpyz.html">
<link rel="stylesheet" type="text/html" href="/mobile/user-yz.html">
<link rel="stylesheet" type="text/html" href="/mobile/yjfk.html">

<link rel="stylesheet" type="text/html" href="/mobile/mysalary/gzd-chaxun.html">
<link rel="stylesheet" type="text/html" href="/mobile/mysalary/xiangqing.html">

<style>
.top-bar-cont{height:45px;}
.btn-bar-css{height:45px;line-height:45px;padding:0 14px;}
.top-bar h1{width:100%;height:45px;line-height:45px;font-size:17px;color:#fff;text-align:center;}
    /*
*@表单（登录、注册）
*/
.form-table{padding:14px 14px 0;}
.form-list>li{margin-bottom:10px;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px; background-color:#fff;}
.form-list .ipt-css{width:100%;height:24px;line-height:24px;border:0;font-size:16px;color:#666;}

.form-edit-area{display:-webkit-box;}
.form-edit-area,.form-check-area{display:-webkit-box;height:44px;border:1px solid #d3d3d3;-webkit-border-radius:2px;border-radius:2px;background-color:#fff;-webkit-box-flex:1;} 

.form-ipt-area{-webkit-box-flex:1;padding:10px;}
.form-edit-area .ipt-css{display:block;}
.label-icon{display:block;width:26px;line-height:44px;padding-left:9px;text-align:center;font-size:0;}
    
.label-icon:after{content:'';display:inline-block;width:20px;height:20px;background:url(images/icons-sprite.png) no-repeat;vertical-align:middle;background-size:cover;}
.user-icon:after{width:20px;height:21px;background-position:0 -330px}
.password-icon:after{width:20px;height:25.5px;background-position:0 -351px}
    
.edit-area-ipt{position:relative;width:100%;height:24px;line-height:24px; -webkit-box-flex:1;padding:10px 9px;}
.edit-area-ipt .ipt{height:24px;line-height:normal;background-color:transparent;font-size:16px;color:#666;}
/*
*@用户名清除按钮
*/
.ipt-clear-btn {position:absolute;top:0;right:0;display:none;width: 22.5px;height: 44px;padding-right: 9px;overflow: hidden;}
.ipt-clear-btn > span {display: block;width: 16px;height: 18px;background:url(images/smallicons-sprite.png) 0 -129px no-repeat;background-size:cover;margin: 14px auto 0 auto;}
/*
*@用户密码清除按钮
*/
.upt-clear-btn {position:absolute;top:0;right:0;display:none;width: 22.5px;height: 44px;padding-right: 9px;overflow: hidden;}
.upt-clear-btn > span {display: block;width: 16px;height: 18px;background:url(images/smallicons-sprite.png) 0 -129px no-repeat;background-size:cover;margin: 14px auto 0 auto;}

/*
*@铵钮
*/
.btn-css{width:100%;height:38px;line-height:38px;background-color:#267ada;border-radius:38px;text-align:center;font-size:17px;color:#fff;-webkit-box-flex:1;}
.btn-css:hover{background-color:#1e62ae;}
.btn-bg-fa4043{background-color:#fa4043;}
.btn-bg-fa4043:hover{background-color:#c83336;}
    
.content-btn{display:-webkit-box;margin-top:28px;padding:0 14px 14px 14px;}
.content-btn .btn-css{-webkit-border-radius:4px;border-radius:4px;}
/*
*@公用提示层
*/
.g-mask-layout{min-height:150px;margin-top:-75px;padding:0 25px;}
.g-mask-content{min-height:150px;-webkit-border-radius:5px;border-radius:5px;}
.g-mask-cont{min-height:78px;line-height:24px;padding:14px;font-size:17px;}
.g-mask-form-cont .textarea-css{height:73px;}
.g-mask-cont-btn{height:43.5px;border-top:1px solid #f0f1f2;background-color:#f7fbff;-webkit-border-top-left-radius:0 0;-webkit-border-top-right-radius:0 0;-webkit-border-bottom-left-radius:5px 5px;-webkit-border-bottom-right-radius:5px 5px;border-radius:0 0 5px 5px;}
.g-mask-cont-btn .btn-css{height:43.5px;line-height:43.5px;}

#wrap{position: absolute;width: 100%;height: 100%;overflow:hidden;}
</style>
</head>

<body>
<div id="wrap">
	<header class="top-bar">
		<div class="top-bar-cont">
			<h1>登录</h1>
		</div>
	</header>
	<section id="content">
        <div class="form-table">
            <ul class="form-table-list" id="FormTable">
                <li>
                    <div class="form-edit-area">
                        <label class="label-icon user-icon"></label>
                        <div class="edit-area-ipt">
                            <input type="text" class="ipt j-iptArea" placeholder="UM账号" autocapitalize="off">
                            <div class="ipt-clear-btn j-clearBtn"><span></span></div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="form-edit-area">
                        <label class="label-icon password-icon"></label>
                        <div class="edit-area-ipt">
	                        <input type="password" class="ipt p-iptArea" placeholder="UM密码" autocapitalize="off">
	                        <div class="upt-clear-btn p-clearBtn"><span></span></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content-btn">
            <div class="btn-css btn-bg-fa4043" id="J-BtnExit">登录</div>
        </div>
    </section>
</div>
<div class="g-mask" id="GlobalMask">
    <div class="g-mask-bg" id="MaskBtnCancel"></div>
    <div class="g-mask-layout">
        <article class="g-mask-content">        
            <section class="g-mask-cont">
                <p></p>
            </section>
        </article>
    </div>
</div>
<script>
var formTableCont = $("#FormTable"),
    iptCont = formTableCont.find(".j-iptArea"),
    iptClearBtn = formTableCont.find(".j-clearBtn"),
    pptCont = formTableCont.find(".p-iptArea"),
    pwClearBtn = formTableCont.find(".p-clearBtn");
iptClearBtn.on("tap", function(){
    $(this).siblings("input").val('').focus();
    $(this).hide();
    
});
iptCont.on("keyup", function(){
    var clearBtn = $(this).siblings(".j-clearBtn");
    if(this.value !== ''){
        clearBtn.show();
    }else{
        clearBtn.hide();
    }
});
pwClearBtn.on("tap", function(){
    $(this).siblings("input").val('').focus();
    $(this).hide();
});
pptCont.on("keyup", function(){
    var clearBtn = $(this).siblings(".p-clearBtn");
    if(this.value !== ''){
        clearBtn.show();
    }else{
        clearBtn.hide();
    }
});
$("#MaskBtnCancel").on("tap", function(){
	$("#GlobalMask").hide(); 
//	if("登录成功" == $("#GlobalMask").find("p").text()){
//		location.href="index.html";
//	}
});
</script>
</body>
</html>
